body {
  font-size: 14px;
}

:root {
  --xw-primary-color: #33fa29cd;
  --xw-primary-hover-color-lighter: #33fa29;
  --xw-primary-hover-color: #33fa29dd;
  --xw-border-color: #dcdfe6b2;
  --xw-custom-block-details-bg: #dcdfe665;
  --xw-c-bg: #dcdfe6de;
  --xw-border-radius-base: 6px;
  --xw-example-padding: 24px;
}

:root {
  --xw-c-brand: var(--xw-primary-color);
  --xw-c-brand-light: var(--xw-primary-hover-color);
  --xw-c-brand-lighter: var(--xw-primary-hover-color-lighter);
  --xw-c-brand-dark: var(--xw-primary-color);
  --xw-c-brand-darker: var(--xw-primary-hover-color);
}